﻿/// <reference path="references.scss" />

//
// Category Menu
// ------------------------------------------------------

.catmenu-path-item {
    font-weight: $font-weight-medium;
    background: rgba($list-group-hover-bg, 0.5);
}

.catmenu-path-item.expanded,
.catmenu-item.parent {
    padding-inline-end: $list-group-item-padding-x * 1.2;

    &:after {
        @include fontawesome("\f054", 0.75rem);   
        display: block;
        position: absolute;
        inset-inline-end: 0.625rem;
        top: 50%;
        transform: translateY(-50%); 
    }
}

.catmenu-path-item.expanded {
    color: $body-color;
    &:after { content: '\f3bf'; font-size: inherit; }
}

.catmenu-path-item.active {
    font-size: 1rem;
    &:before { display: none !important; }
}


//
// CMS menu
// ------------------------------------------------------

.cms-menu-linklist {
    .menu-link {
        // Use --link-color and --link-hover-color variables to set colors.
        text-decoration: none !important;
        display: inline-flex;
        align-items: center;
        padding-block: 0.2em;
        gap: 0.75em;
        transition: $link-transition;
    }
}